<template>
    <el-aside width=220px style="background-color: #f3f3f8">
        <el-menu default-active="2">
            <el-menu-item v-model="mark" index="1" @click="ToColinfo">
                <i class="el-icon-menu"></i><span>信息统计</span>
            </el-menu-item>
            <el-menu-item v-model="mark" index="2" @click="ToColteacher">
                <i class="el-icon-s-custom"></i><span>教师管理</span>

            </el-menu-item>
            <el-menu-item v-model="mark" index="3" @click="ToColexamine">
                <i class="el-icon-menu"></i> <span>审核管理</span>

            </el-menu-item>
        </el-menu>
    </el-aside>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';
export default {
    name: "ColAside",
    data(){
        return{
            mark:''
        }
        
    },mounted(){
            this.mark= this.$store.state.Mark
       
    },methods:{
        ToColinfo(){
            this.$router.push({
                path: '/Colinfo'
            })
        },
        ToColteacher() {
            this.$router.push({
                path: '/Colteacher'
            })
        },
        ToColexamine() {
            this.$router.push({
                path: '/Colexamine'
            })
        }
    }
}
</script>

<style>


.el-aside {
    margin-top: 1%;
    height: 50%;
  
    border-radius: 2%;
}
.el-menu{
    text-decoration: none;
}

 .el-aside::-webkit-scrollbar {
     display: none;
 }
</style>